<template>
  <div>
    <farmer-header></farmer-header>
    <router-view class="view"/>
    <farmer-footer class="footer"></farmer-footer>
  </div>
</template>

<script>
import Vue from 'vue'
// 导入组件
import myHeader from '@/components/Header'
import myFooter from '@/components/Footer'

Vue.component('farmer-header', myHeader)
Vue.component('farmer-footer', myFooter)

export default {
  data () {
    return {}
  }
}
</script>

<style lang="less" scoped>
div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  height: 100vh;
}
.view{
  height: 90vh;
}
.footer{
  height: 0px;
  bottom: 0;
}
</style>
